import React, { Component } from 'react';
import { Layout, Tabs } from 'antd';
import type { TabsProps } from 'antd';
import Second from './safe/Second';
import Third from './safe/Third';
import Fourth from './safe/Fourth';
import First from './safe/First'


const onChange = (key: string) => {
    console.log(key);
};

const items: TabsProps['items'] = [
    {
        key: '1',
        label: `巡查一级分类`,
        children: <First></First>
    },
    {
        key: '2',
        label: `巡查二级分类`,
        children: <Second></Second>,
    },
    {
        key: '3',
        label: `巡查签到点管理`,
        children: <Third></Third>,
    },
    {
        key: '4',
        label: `安全巡查记录`,
        children: <Fourth></Fourth>,
    },
];

class safetyInspection extends Component {

    render() {
        return (
            <div>
                <Layout>
                    <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
                </Layout>
            </div>
        );
    }
}

export default safetyInspection;